import React,{Component} from 'react';
import './common.css';
export default class ShortItem extends Component{
    render(){
        return(
            <div className="short-item">
                <a className="item-user" href="">
                    <img src="http://olk82cbj1.bkt.clouddn.com/shop-photo.png" alt="" className="photo"/>
                    <span className="name">vvey</span>
                    <div className="user-certifications">彭州达人</div>
                </a>
                <div className="item-type">类型：美文</div>
                <a href="" className="short-item-content">
                    <span className="content">在印刷与桌面端Web这些传统领域,我们已经有了很成熟的文字排版经验。随着移动时代的到来,APP的界面设计,加上网站越来越多地转身为响应式设计以适应多种显示设备</span>
                    <div className="short-item-img">
                        <img src="http://olk82cbj1.bkt.clouddn.com/shop-photo.png" alt=""/><img src="http://olk82cbj1.bkt.clouddn.com/shop-photo.png" alt=""/>
                    </div>
                </a>
                <div className="item-tools">
                    <a href="" className="like">100</a>
                    <a href="" className="unlike">100</a>
                    <a href="" className="comments">100</a>
                </div>
            </div>
        )
    }
}
